<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="jsp_header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<style>
a{
text-decoration: none;
}
table {
	display: table;
	border-collapse: collapse;
}

body, tr, td, input, button {
	font-family: cat;
	font-size: 20px;
	text-decoration: none;
}

@font-face {
	font-family: cat;
	src: url('whitecat.eot'); /* IE9 호환성 보기 */
	src: url('whitecat.eot?iefix') format('eot'), /* IE6-IE8 */ 
		url('whitecat.woff') format('woff'), /* Modern Browsers */ 
		url('resources/common/whitecat.ttf') format('truetype');
	/* Safari, android, iOS */;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>메인 화면(자유)</title>
</head>
<body >

	<!-- 사이드바 -->

		<form action="search" method="post">
			<select name="search">
				<option>제목</option>
				<option>글쓴이</option>
			</select> 
			<input type="text" name="board_title" name="board_writer">
			<input type="submit" value="검색">
		</form>
	<table border="1" summary="게시판 목록">
		<colgroup>
			<col width="50" />
			<col width="300" />
			<col width="80" />
			<col width="150" />
			<col width="70" />
		</colgroup>
		<thead>
			<tr>
				<th>번호</th>
				<th>제목</th>
				<th>글쓴이</th>
				<th>등록날짜</th>
				<th>조회수</th>
			</tr>
		</thead>
		<c:forEach items="${boardList }" var="Board">
			<tr>
				<td align="center">${Board.board_no}</td>
				<td><a href="board_detail?board_no=${Board.board_no}">${Board.board_title }</a></td>
				<td align="center">${Board.board_writer }</td>
				<td align="center">${Board.board_date }</td>
				<td align="center">${Board.board_readacount }</td>
			</tr>
		</c:forEach>
	</table>
	<a href="write"><button name="write">글쓰기</button></a>
</body>
</html>